@mixin retaurantBlock {
	.restaurant-list-table {
	  th+th, td+td, th+td {
	    border-left: 1px solid #ddd;
	  }
	  margin-bottom: 0;
	  border-collapse: separate;
	  border-radius: 0;
	  td {
	    background: #fff;
	    padding: 0;
	    width: 189px;
	    border-top: 1px solid #DDD;
	    .restaurant-block {
	      a {
	        color: #333;
	        &:hover {
	          color: #0088c8;
	        }
	      }
	      width: 189px;
	      overflow: hidden;
	      .favor-book {
	      	position: relative;
	      	margin-left: 115px;
	      	text-align: right;
	      	.favor-icon {
		      	background: transparent url(/images/bg.gif) repeat scroll -480px -776px;
		      	height: 22px;
		      	width: 20px;
		      	position: absolute;
		      	top: 0;
		      	left: 54px;
	      	}
	      	a {
		      	color: #999;
		      	position: absolute;
		      	top: 67px;
		      	line-height: 13px;
		      	width: 50px;
		      	padding: 1px 0 0 15px;
		      	&:hover {
		      		color: #0088c8;
		      	}
	      	}
	      	.entry-favor {
		      	height: 18px;
		      	top: 66px!important;
		      	width: 55px!important;
		      	padding-top: 2px!important;
		      	background: url(/images/bg.gif) no-repeat -114px -778px #f8f8f8!important;
	      	}
	      	.entry-un-favor {
		      	height: 18px;
		      	top: 66px!important;
		      	width: 70px!important;
		      	padding-top: 2px!important;
		      	background: url(/images/bg.gif) no-repeat -205px -778px #f8f8f8!important;
	      	}
	      	.hover-add-favor {
		      	background: url(/images/bg.gif) no-repeat -124px -779px;
		      	right: 10px;
		      	width: 27px;
	      	}
	      	.hover-un-favor {
		      	background: url(/images/forward/bg.gif) no-repeat -205px -779px;
		      	right: 10px;
		      	width: 53px;
	      	}
	      }
	      .line-one {
	        vertical-align: top;
	        margin-top: 10px;
	        margin-bottom: 10px;
	        overflow: hidden;
	        .logo-wrapper {
	          float: left;
	          margin-left: 10px;
	          line-height: 15px;
	          .logo {
	            height: 42px;
	            width: 42px;
	            border: 1px solid #ddd;
	            padding: 1px;
	            position: relative;
	            display: inline-table;
	            img {
	              height: 42px;
	              width: 42px;
	            }
	          }
	          .deliver-time-wrapper {
	            line-height: 14px;
	            color: #666;
	            font-size: 12px;
	            margin-top: 8px;
	            padding-top: 2px;
	            height: 16px;
	            text-align: center;
	            &.busy {
	              background: #ffe2e2;
	            }
	          }
	        }
	        .info {
	          float: left;
	          margin-left: 8px;
	          margin-right: 7px;
	          width: 118px;
	          overflow: hidden;
	          .name {
	            font-size: 15px;
	            color: #333;
	            height: 18px;
	            overflow: hidden;
	          }
	          .status-label {
	            float: left;
	            width: 100%;
	            margin-top: 9px;
	            height: 20px;
	            &.closed span {
	              color: #999;
	              background: #f5f5f5;
	              border: 1px solid #ddd;
	              padding: 2px 4px;
	              font-size: 12px;
	            }
	            &.book span {
	              color: #59b170;
	              background: #f8f8ee;
	              border: 1px solid #59b170;
	              padding: 2px 4px;
	              font-size: 12px;
	            }
	          }
	          .status-desc {
	            line-height: 14px;
	            float: left;
	            font-size: 12px;
	            width: 100%;
	            margin-top: 11px;
	            &.closed span, &.book span{
	              color: #999;
	            }
	          }
	          .flavors {
	            color: #666;
	            font-size: 12px;
	            float: left;
	            line-height: 100%;
	            min-width: 10px;
	            height: 12px;
	            margin-top: 4px;
	          }
	          .ratings {
	            color: #666;
	            font-size: 12px;
	            margin-top: 4px;
	            float: left;
	            width: 100%;
	            .rating-star {
	              float: left;
	              display: inline-block;
	              width: 61px;
	              height: 14px;
	              background: url(/images/bg.gif) no-repeat -1px -193px;
	            }
	            .rating-star.r9 {
	              background-position: -1px -194px;
	            }
	            .rating-number {
	              line-height: 14px;
	              float: left;
	              margin-left: 3px;
	              font-size: 12px;
	              color: #999;
	            }
	          }
	          .flavors.three-line {
	            margin-top: 14px;
	          }
	          .ratings.three-line {
	            margin-top: 13px;
	          }
	        }
	      }
	      .add-favor {
	        height: 92px;
	        background: #fff url("/images/bg.gif") no-repeat -112px -94px;
	        border-left: 1px solid white;
	        border-right: 1px solid white;
	        margin: 0;
	        text-align: left;
	        padding-top: 0;
	        &:hover {
	          background: #fff url("/images/bg.gif") no-repeat -303px -94px;
	        }
	      }
	      .delete-action {
	        position: absolute;
	        margin-top: -86px;
	        margin-left: 169px;
	        .eleme-icon.delete {
	          background: url(/images/bg.gif) no-repeat -550px -773px;
	          width: 14px;
	          height: 14px;
	          display: inline-block;
	          &:hover {
	            background: url(/images/bg.gif) no-repeat -148px -1019px;
	          }
	        }
	      }
	      &:hover {
	        background: #f8f8f8;
	      }
	      &.favored, &.lite {
	        height: auto;
	        cursor: pointer;
	      }
	      &.closed {
	        a {
	          color: #999;
	        }
	        .logo img {
	          opacity: .5;
	          -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
	          
	        }
	        .line-one .logo-wrapper .deliver-time-wrapper {
	            color: #999;
	        }
	        .line-one .info .name, .line-one .info .flavors {
	          color: #999;
	        }
	        background: #fff url("/images/restaurant_closed_bg.png");
	        &:hover {
	          a {
	            color: #0088c8;
	          }
	          background: #f8f8f8;
	        }
	      }
	    }
	    // tuan blocks
	    .item {

	    }
	  }
	}
	.restaurant-list-table thead tr:first-child th:first-child, .restaurant-list-table tbody tr:first-child td:first-child {
	  border-radius: 0;
	}
	.restaurant-list-table thead tr:first-child th, .restaurant-list-table tbody tr:first-child td {
	  border-top: 0;
	}
	.restaurant-list-table.panels tr td {
		border-top: 0;
	}
}

@mixin jqueryUI {
	.ui-slider-horizontal {
	  height: 11px;
	}
	.ui-eleme.ui-slider {
	  height: 12px;
	  border: 0;
	  border-radius: 6px;
	  background-color: #fff;
	  background-image: -webkit-linear-gradient(270deg,#fefefe,#f5f5f5);
	  background-image: linear-gradient(180deg,#fefefe,#f5f5f5);
	  box-shadow: 0 1px 1px #d9d9d9 inset,0 1px 1px rgba(255,255,255,0.8);
	}
	.ui-corner-all {
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  -khtml-border-radius: 3px;
	  border-radius: 3px;
	}
	.ui-slider-horizontal {
	  height: .8em;
	}
	.ui-slider {
	  position: relative;
	  text-align: left;
	}
	.ui-corner-all {
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	}
	.ui-widget-content {
	  border: 1px solid #a6c9e2;
	  background: #fcfdfd url(/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
	  color: #222;
	}
	.ui-widget {
	  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	  font-size: 1.1em;
	}
	.ui-eleme.ui-slider .ui-slider-range {
	  border-radius: 6px;
	  background: #8bbedd;
	  box-shadow: 0 1px 1px #739db5 inset;
	  height: 12px;
	  overflow: hidden;
	}
	.ui-slider-horizontal .ui-slider-range-min {
		left: 0;
	}
	.ui-slider-horizontal .ui-slider-range {
		top: 0;
		height: 100%;
	}
	.ui-slider .ui-slider-range {
		position: absolute;
		z-index: 1;
		font-size: .7em;
		display: block;
		border: 0;
		background-position: 0 0;
	}
	.ui-widget-header {
		border: 1px solid #4297d7;
		background: #e0ecff url(/images/ui-bg_flat_100_0099cc_40x100.png) 50% 50% repeat-x;
		color: #fff;
		font-weight: bold;
	}
	.ui-eleme.ui-slider .ui-slider-handle {
		top: -5px;
		margin-left: -10px;
		width: 22px;
		height: 26px;
		background: url("/images/global-sprites.png") no-repeat -170px 0;
		border: 0;
		border-radius: none;
		outline: 0;
	}
	.ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 1.2em;
		height: 1.2em;
		cursor: default;
		background: url("/images/jqueryui/ui-bg_glass_75_d0e5f5_1x400.png") repeat-x scroll 50% 50% #09c;
	}
	.ui-slider-horizontal .ui-slider-handle {
		top: -.3em;
		margin-left: -.6em;
	}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		border: 1px solid #09c;
		background: #09c url(/images/ui-bg_flat_100_0099cc_40x100.png) 50% 50% repeat-x;
		font-weight: bold;
		color: #fff;
	}
}